{{extend defaultLayout}}

{{block 'css'}}
<link rel="stylesheet" href="{{dz}}\plugins\yenai-plugin\resources\state\state.css">
<style>
    .current {
        width: 75%;
    }
</style>
{{/block}}
{{block 'main'}}
<div class="box">
    <div class="tb">
        <img src="{{portrait}}" alt="">
        <div class="header">
            <h1>{{nickname}}</h1>
            <hr noshade>
            <p>{{status}}({{platform}}) | 收{{recv}} | 发{{sent}} | {{friend_quantity}}好友 | {{group_quantity}}群 </p>
            <p>Yunzai-Bot 已运行 {{runTime}} | 系统运行 {{systime}}</p>
            <p>Nodejs {{nodeversion}}</p>
        </div>
    </div>

</div>
<div class="box">
    <ul class="info">
        <li class="li">
            <div class="cpu">
                <div class="left">
                    <div class="left-circle" {{cpu_leftCircle}}>
                    </div>
                </div>
                <div class="right">
                    <div class="right-circle" {{cpu_rightCircle}}>
                    </div>
                </div>
                <div class="inner">
                    {{cpu_info}}
                </div>
            </div>
            <article>
                <p>CPU</p>
                <p>{{hxmodel}} {{hx}}</p>
                <p>{{maxspeed}}</p>
            </article>
        </li>
        <li class="li">
            <div class="cpu">
                <div class="left">
                    <div class="left-circle" {{ram_leftCircle}}>
                    </div>
                </div>
                <div class="right">
                    <div class="right-circle" {{ram_rightCircle}}>
                    </div>
                </div>
                <div class="inner">
                    {{MemUsage}}
                </div>
            </div>
            <article>
                <p>RAM</p>
                <p>已用 {{Usingmemory}}</p>
                <p>空闲 {{freemem}}</p>
            </article>
        </li>
        <li class="li">
            <div class="cpu">
                <div class="left">
                    <div class="left-circle" {{node_leftCircle}}>
                    </div>
                </div>
                <div class="right">
                    <div class="right-circle" {{node_rightCircle}}>
                    </div>
                </div>
                <div class="inner">
                    {{node_info}}
                </div>
            </div>
            <article>
                <p>Nodejs</p>
                <p>总 {{nodeoccupy.rss}}</p>
                <p>堆 {{nodeoccupy.heapTotal}}</p>
                <p>栈 {{nodeoccupy.heapUsed}}</p>
            </article>
        </li>




    </ul>
</div>
<!-- <div class="box memory">
    <ul>
        <li>
            <div class="word">C:\</div>
            <div class="progress">
                <div class="word">25G / 39.66G</div>
                <div class="current"></div>
            </div>
            <div>64%</div>
        </li>
        <li>
            <div class="word">C:\</div>
            <div class="progress">
                <div class="word">25G / 39.66G</div>
                <div class="current"></div>
            </div>
            <div>64%</div>
        </li>
    </ul>
</div> -->
<div class="box">
    <div class="speed">
        <p>系统</p>
        <p>{{hostname}}</p>
    </div>
    <div class="speed">
        <p>插件</p>
        <p>{{takeplugin}} plugin | {{takejs}} js</p>
    </div>
</div>
{{/block}}